<template>
	<!-- <view class="content">
		<u-button @click="getUrl('/pages/doctorclass/doctoroom')">医师讲堂</u-button>
		<u-button :customStyle="{backgroundColor:'#00baad',color:'white',width:'80%'}" @click="pageTo('/pages/qulickLogin/create-account')">创建并绑定</u-button>
	</view> -->
	<view class="content">
		
		
<!-- //头部搜索框    跳转 -->
		
		
	<view>
		<image src="../../../static/img/QQ图片20210120214147.png" style=" height: 45px;width: 350px; margin-left: 10px;margin-top: 10px;"></image>
	</view>
	
	
<!-- //找医生，找药品分类    跳转 -->
	
	
	<view>
		<span><image src="../../../static/img/QQ图片20210120214706.png"  class="tu"></image></span>
		<span><image src="../../../static/img/QQ图片20210120214717.png"  class="tu"></image></span>
		<span><image src="../../../static/img/QQ图片20210120214727.png"  class="tu"></image></span>
		<span><image src="../../../static/img/QQ图片20210120214743.png"  class="tu"></image></span>
	</view>
	<view>
		<p class="zi" @click="">找医生</p>
		<p class="zi" @click="pageTo('pages/zhaoyaopin/zhaoyaopin')">找药品</p>
		<p class="zi" @click="">查疾病</p>
		<p class="zi" @click="pageTo('pages/physician-lecture/lecture-details')">医师讲堂</p>
	</view>
		<view style="height:2px;border-bottom:1px #F2F2F2 solid; margin-top: 30px;"></view>
		<view>
			<p class="shen">身体小问题，快速问医生</p>
		</view>
		<view>
			<p class="san">三甲医院主治以及以上医生，已解答120万个问题</p>
		</view>
		
		
<!-- //快速提问按钮     跳转 -->
		
		
		<view>
			 <button type="default" @click="pageTo('pages/kuaisutiwen/kuaisutiwen')" style="width: 90%; height: 65upx; background-color: #37C8C6; margin-top: 20px;"><p style="color: #EEEEEE; margin-top: -7px;">快速提问</p></button>
		</view>
		<view style="border-bottom:8px #F2F2F2 solid; margin-top: 15px;"></view>
			<view>
				<image src="../../../static/img/QQ图片20210120223540.png" style="width: 320upx; height: 200upx; margin-left: 13px; margin-top: 10upx;"></image>
				<image src="../../../static/img/QQ图片20210120223557.png" style="width: 320upx; height: 190upx; margin-left: 30px;"></image>
			</view>
			<view style="border-bottom:8px #F2F2F2 solid; margin-top: 8px;"></view>
			<view>
				<uni-list>
					<p style="font-weight: bold; margin-left: 30upx; margin-top: 30upx;">医师讲堂</p>
					
<!-- //更多 -->

					<span><p style="float: right; margin-top: -50upx; margin-right: 30upx;">更多&nbsp&nbsp&nbsp&nbsp></p></span>			
<!-- //内容   跳转 -->
					
					
					<uni-list-item @click="" :clickable="true" title="口腔溃疡总反复？口腔医生来帮您"
					 note="何健亮,浙江大学医学附属第二医院...."  thumb="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2890983184,848991607&fm=26&gp=0.jpg"
					 thumb-size="lg" />
					<uni-list-item @click="" :clickable="true" title="不运动也能减肥？就有这种好事？"
					 note="王颖,丁香诊所杭州滨江店,主治医生...." thumb="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=505106992,2577204415&fm=26&gp=0.jpg"
					 thumb-size="lg" />
				</uni-list>
			</view>
			<view style="border-bottom:13px #F2F2F2 solid;"></view>
			<view class="tabs">
				<liuyuno-tabs :tabData="['饮食健康', '两性健康', '孕产育儿','常见疾病']" :activeIndex="activeIndex" @tabClick="tabClick($event, '固定item宽度')" />
			</view>
			<view>

<!-- //饮食健康  内容  跳转 -->

				<uni-list>
					<uni-list-item @click="pageTo('pages/text/textxiangqing')" :clickable="true" title="杨梅,樱桃用盐水泡出虫!怎么买到放心的？"
					 note="作者:兰小芳" thumb="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=207963315,310383466&fm=26&gp=0.jpg"
					 thumb-size="lg" />
					<uni-list-item @click="" :clickable="true" title="每天一杯酸奶？预防糖尿病？还真有几分道理"
					 note="作者:范志红" thumb="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=234740395,430644381&fm=26&gp=0.jpg"
					 thumb-size="lg" />
					 <uni-list-item @click="" :clickable="true" title="这四个真相,让你重新认识鸡精和味精!"
					  note="作者:付婷" thumb="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=295858901,3740771400&fm=26&gp=0.jpg"
					  thumb-size="lg" />
					 <uni-list-item @click="" :clickable="true" title="什么？吃凉粉等于吃白糖？"
					  note="作者:范志红" thumb="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fcp1.douguo.net%2Fupload%2Fcaiku%2F6%2Fe%2Fe%2Fyuan_6e98195b16879fb954a84e4d1b17ba9e.jpg&refer=http%3A%2F%2Fcp1.douguo.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1613749278&t=d4cd94f44bb30fb2fc801cc1bc8f68f0"
					  thumb-size="lg" />
				</uni-list>
			</view>
	</view>
</template>

<script>
	import liuyunoTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue";
	export default {
		components:{
			liuyunoTabs
		},
		data() {
			return {
				title: 'Hello',
				activeIndex: 0
			}
		},
		onLoad() {

		},
		methods: {
			pageTo(url){
				this.$u.route(url)
			},
			getUrl(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
	
</script>

<style>
	.tu{
		width: 45px;
		height: 35px;
		margin-top: 10px;
		margin-left: 30px;
		padding: 6px;
	}
	.zi{
		margin-top: -10px;
		margin-left: 28px;
		padding: 8px;
		float: left;
	}
	.shen{
		font-weight: bold;
		margin-left: 215upx;
		margin-top: 30upx;
	}
	.san{
		margin-top: 60upx;
		font-size: 12px;
		text-align: center;
	}
	/* .content {
		text-align: center;
		height: 400upx;
		margin-top: 200upx;
	} */
</style>